<template>
  <div id="beijing">
    <div class="containerall">
      <div class="header">
        <div class="shopcar">订单</div>
      </div>

      <div>
        <div style="width: 1200px; height: 142px; border: 1px; " v-for="(list, index) in Dlist" :key="index">
          <div class="goodsc" >
            <div class="images"><img  :src="list.goodsImgSrc" height="80" width="80"/>
            </div>
            <div class="introduce">
              <div>{{list.goodsName}}</div>
              <div class="font2">{{list.goodsColor}}</div>
              <div class="font3">{{list.goodsSize}}</div>
            </div>
            <div class="all12">￥{{list.oldPrice}}</div>
          </div>
        </div>
      </div>

      <div class="checkout">
        <div class="checkout1" style="font-size:20px ">地址</div>
        <div class="checkout2l">
          <div class="checkout_al">
            <div class="checkout_aa">姓名：</div>
            <div class="checkout_ab">Roos</div>
          </div>
          <div class="checkout_bl">
            <div class="checkout_ba">收货地址：</div>
            <div class="checkout_ab">贵州理工学院</div>
          </div>
          <div class="checkout_bl">
            <div class="checkout_ba">电话号码：</div>
            <div class="checkout_ab">8888888</div>
          </div>
        </div>
      </div>



      <div class="checkout">
        <div class="checkout2">

          <div class="checkout_b">
            <div class="checkout_ba">应付款：</div>
            <div class="checkout_bb">0</div>
          </div>
          <div class="checkout_c">
            <button class="button button1">付款</button>
          </div>
        </div>
      </div>

    </div>
  </div>
</template>

<script>
import axios from "axios";
export default {
  name: "ShopList",
  data:function (){

    return{
      Dlist:[]


    }
  },
  created() {
    this.listShop()
  },
  methods:{
    listShop(){
      axios.get("http://192.168.0.239:8081/goods/allGoods").then((resp) => {
        if (resp.data.code === 200){
          this.Dlist=resp.data.goodsList;
          console.log(resp.data)
          console.log(this.Dlist)

        }
      })
    }

  },


}
</script>

<style scoped>

</style>
<style src="../../assets/CSS/shop.css"></style>